<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>员工-Tencent 腾讯</title>
    <link rel="shortcut icon" href="../fonts/bitbug_favicon.ico" />

    <link rel="stylesheet" href="./css/common1.css" />
    <link rel="stylesheet" href="./css/staff.css" />

    <script src="./js/jquery-3.6.0.min.js"></script>
    <script src="./js/common1.js"></script>
    <script src="./js/staff.js"></script>
</head>

<body>

    <!-- 公共样式----头部导航栏制作开始 -->
    <div class="common-first">
        <div class="w common-nav">
            <!-- 头部logo制作 -->
            <div class="common-nav-logo">
                <a href="../index.html" class="common-logo">
                    <h1>Tencent腾讯</h1>
                </a>
            </div>
            <!-- 头部中间导航栏制作 -->
            <ul class="common-menu">
                <li class="menu-items">
                    <a href="./abstract.html" class="text">简介</a>
                    <ul class="menu-list">
                        <li><a href="./abstract.html#one">公司简介</a></li>
                        <li><a href="./abstract.html#seven">愿景及使命</a></li>
                        <li><a href="./abstract.html#two">发展历程</a></li>
                        <li><a href="./abstract.html#three">业务架构</a></li>
                        <li><a href="./abstract.html#four">管理团队</a></li>
                        <li><a href="./abstract.html#five">企业文化</a></li>
                        <li><a href="./abstract.html#six">办公地点</a></li>
                    </ul>
                </li>
                <li class="menu-items">
                    <a href="./business.html" class="text">业务</a>
                    <ul class="menu-list">
                        <li><a href="./business.html#eight">面向用户</a></li>
                        <li><a href="./business.html#eight">面向企业</a></li>
                        <li><a href="./business.html#eight">创新科技</a></li>
                    </ul>
                </li>
                <li class="menu-items">
                    <a href="./staff.html" class="text">员工</a>
                    <ul class="menu-list">
                        <li><a href="./staff.html#nine">人才发展</a></li>
                        <li><a href="./staff.html#show_pic2">腾讯学院</a></li>
                        <li><a href="./staff.html#staff_work_environment">工作环境</a></li>
                        <li><a href="./staff.html#staff-con-4">员工活动</a></li>
                    </ul>
                </li>
                <li class="menu-items">
                    <a href="./duty.html" class="text">企业责任</a>
                    <ul class="menu-list">
                        <li><a href="./duty.html#ten">全球战疫</a></li>
                        <li><a href="./duty.html#eleven">践行承诺</a></li>
                        <li><a href="./duty.html#tweleve">支持善举</a></li>
                        <li><a href="./duty.html#lyh">鼓励创新</a></li>
                        <li><a href="./duty.html#lyh1">企业社会责任报告</a></li>
                    </ul>
                </li>
                <li class="menu-items">
                    <a href="./index-investor.html" class="text">投资者</a>
                    <ul class="menu-list">
                        <li><a href="./index-investor.html#lyh10">财务新闻</a></li>
                        <li><a href="./index-investor.html#lyh11">公告及财务报告</a></li>
                        <li><a href="./index-investor.html#lyh12">业绩电话会及路演</a></li>
                        <li><a href="./index-investor.html#lyh13">投资者工具包</a></li>
                        <li><a href="./index-investor.html#lyh14">证券及债券信息</a></li>
                        <li><a href="./index-investor.html#lyh15">企业管治</a></li>
                    </ul>
                </li>
                <li class="menu-items">
                    <a href="./index-media.htm" class="text">媒体</a>
                    <ul class="menu-list">
                        <li><a href="./index-media.htm#lyh20">企业动态</a></li>
                        <li><a href="./index-media.htm#lyh21">财务新闻</a></li>
                        <li><a href="./index-media.htm#lyh22">腾讯视角</a></li>
                        <li><a href="./index-media.htm#lyh23">媒体资料库</a></li>
                    </ul>
                </li>
            </ul>
            <!-- 头部右边字体栏目制作 -->
            <div class="common-chosefont">
                <a class="lang_ch current" lang="zh-cn">简</a>
                <i class="s_line">|</i>
                <a class="lang_hk" lang="zh-hk">繁</a>
                <i class="s_line">|</i>
                <a class="lang_en" lang="en-us">EN</a>
            </div>
        </div>
    </div>
    <!-- 公共样式----头部导航栏制作结束 -->
    <!-- 头部展示页 -->
    <div class="staff-content">
        <div class="staff-student">
            <div class="staff-student-con w">
                <h2>激发活力 助力成长</h2>
                <p>
                    通过专业的培养体系与职业发展体系，激发组织与个人的活力，<br /> 帮助员工与企业共同成长
                </p>
            </div>
        </div>
    </div>
    <!-- 内容部分 -->
    <div class="staff_tab " id="staff_show">
        <!-- 人才发展 -->
        <div class="staff_show">
            <div class="show_pic1" id="nine">
                <img src="./uploads/pic-bg-1.jpg" alt="" />
                <div class="text_box left-box">
                    <h3>人才发展</h3>
                    <h4>人才是腾讯最宝贵的财富。</h4>
                    <p class="desc">
                        我们一直高度重视员工的发展，不仅为员工设计专业和管理的双通道职业发展路径，让员工的能力得到更聚焦更清晰的发展，也同时让每个人的成长贡献能够通过职级体系得到及时明确的体现。
                    </p>
                </div>
            </div>
            <div class="show_pic2" id="show_pic2">
                <img src="./uploads/pic-bg-2.jpg" alt="" />
                <div class="text_box right-box">
                    <h3><img src="./images/txschool.png" alt="img" /></h3>
                    <h4>
                        腾讯学院成立于2007年，标志着腾讯为员工打造专业的成长发展之路，为企业打造学习型组织进入新的里程碑。
                    </h4>
                    <p class="desc">
                        以成为“互联网行业最受尊敬的企业大学”为愿景，我们通过设计职业发展通道和对应的完善培训体系，努力成为腾讯员工的成长顾问与业务团队的发展伙伴，为腾讯的现在和未来培养人才。
                    </p>
                </div>
            </div>
        </div>
        <!-- 环境 -->
        <div class="staff_work_environment" id="staff_work_environment">
            <div class="work_con">
                <div class="work_title">工作环境</div>
                <div class="work_box">
                    <div class="leftbox">
                        <img src="./uploads/flx-1-1.jpg" alt="" />
                        <h4>办公环境</h4>
                        <p class="desc">
                            作为腾讯全球新总部，腾讯滨海大厦于2017年10月正式启用。这是一座集数字化、智能化于一体的智慧大厦。这座“互联互通”的大厦，象征着互联网将各个角落互相连通，更体现了腾讯是一家专注连接人与人、人和服务、以及未来人和设备的互联网高科技企业。除此以外，我们在北京、上海、成都、广州等多个城市以及美国、韩国等多个海外国家均建立了分支机构，并为当地员工打造了舒适、创新，体现腾讯文化特色的办公环境。
                        </p>
                    </div>
                    <div class="rightbox">
                        <img src="./uploads/flx-2-1.jpg" alt="" />
                        <h4>多元文化</h4>
                        <p class="desc">
                            腾讯一直以来坚持提供平等、透明、无歧视的工作环境，对不同性别、国籍、民族、宗教信仰的员工给予充分尊重，禁止同事间开冒犯性的玩笑或展示冒犯性的物品。同时，严格遵守国家相关规定，维护员工利益，共同创造一个平等、和谐、多元文化融合发展的工作环境。
                        </p>
                    </div>
                </div>
            </div>
            <div class="work_con displayNone">
                <div class="work_title">工作环境</div>
                <div class="work_box">
                    <div class="leftbox">
                        <img src="./uploads/flx-3-1.jpg" alt="" />
                        <h4>员工成长</h4>
                        <p class="desc">
                            ·重视员工的兴趣和专长，以良好的工作条件、完善的员工培训计划、职业生涯通道设计促进员工个人职业发展； ·重视企业文化管理，以健康简单的人际关系、严肃活泼的工作气氛、畅快透明的沟通方式，促进员工满意度的不断提高，使员工保持与企业同步成长的快乐； ·激发员工潜能，追求个人与公司共同成长
                        </p>
                    </div>
                    <div class="rightbox">
                        <img src="./uploads/flx-4-1.jpg" alt="" />
                        <h4>企业精神</h4>
                        <p class="desc">
                            锐意进取，追求卓越 锐意进取 ·目光向前，不仅去做，而且要执着地去做； ·坚韧不拔，任何困难和挫折也阻挡不了腾讯一往无前的意志； ·勇于变革，善于变革，以变革求生存、求发展； ·培养提高学习能力，善于学习，持续学习。 追求卓越 ·在市场竞争中不断取胜，在反省中超越自我，在学习中超越平庸、不断进步； ·实现目标后体验成功的快乐，追求过程中体验奋斗的乐趣。
                        </p>
                    </div>
                </div>
            </div>
            <div class="work_con displayNone">
                <div class="work_title">工作环境</div>
                <div class="work_box">
                    <div class="leftbox">
                        <img src="./uploads/flx-5-1.jpg" alt="" />

                        <h4>企业文化:愿景</h4>
                        <p class="desc">
                            最受尊敬的互联网企业 ·腾讯将以长远的眼光、诚信负责的操守、共同成长的理念，发展公司的事业。与公司相关利益共同体和谐发展，以受到用户、员工、股东、合作伙伴和社会的尊敬为自身的自豪和追求； ·坚持“用户第一”理念，从创造用户价值、社会价值开始，从而提升企业价值，同时促进社会文明的繁荣； ·重视员工利益，激发员工潜能，在企业价值最大化的前提下追求员工价值的最大实现；
                        </p>
                    </div>
                    <div class="rightbox">
                        <img src="./uploads/flx-6-1.jpg" alt="" />
                        <h4>企业文化:使命</h4>
                        <p class="desc">
                            通过互联网服务提升人类生活品质 ·腾讯以高品质的内容、人性化的方式，向用户提供可靠、丰富的互联网产品和服务； ·腾讯的产品和服务像水和电一样源源不断融入人们的生活，丰富人们的精神世界和物质世界； ·持续关注并积极探索新的用户需求、提供创新的业务来持续提高用户的生活品质； ·腾讯通过互联网的服务，让人们的生活更便捷和丰富，从而促进社会的和谐进步。价值观： 正直，尽责，合作，创新
                        </p>
                    </div>
                </div>
            </div>
            <div class="workconbox">

            </div>
        </div>

        <!-- 员工活动 -->
        <div class="staff_activity" id="staff_activity">
            <div class="activity_top clearfix" id="staff-con-4">
                <div class="top_hd">
                    <h3>员工活动</h3>
                    <p class="desc">
                        以丰富多彩的活动，深入人心的文化品牌，将文化的信念不断传承。
                    </p>
                </div>
            </div>
            <div class="activity_conter clearfix">
                <div class="row row-1">
                    <div class="item item-1">
                        <div class="mask-bg"></div>
                        <p class="title">员工大会</p>
                        <p class="label">
                            每年年底举行的员工大会，和新年晚会都是腾讯年度最重要的盛会，员工大会上，向员工传递公司战略、业务布局与管理思路，并表彰优秀团队。
                        </p>
                    </div>
                    <div class="item item-2">
                        <div class="mask-bg"></div>
                        <p class="title">公司年会</p>
                        <p class="label">
                            自腾讯创立以来，每年年底，全体员工欢聚一堂，凝聚才华与激情创作出一个个精彩的节目，增加同事之间的感情，同时激励员工在新的一年里再接再厉。
                        </p>
                    </div>
                </div>
                <div class="row row-2">
                    <div class="item item-3">
                        <div class="mask-bg"></div>
                        <p class="title">腾讯文化日</p>
                        <p class="label">
                            每年的11月11日，是腾讯的生日，也是所有腾讯人的节日。这一天，全体腾讯员工都会穿着由腾讯人自己设计的特色文化衫，摆出创意造型拍合影，以及参加总办Link Time等传统活动，共同庆祝公司的生日，将文化不断传承下去。
                        </p>
                    </div>
                    <div class="item item-5">
                        <div class="mask-bg"></div>
                        <p class="title">踏春日</p>
                        <p class="label">
                            腾讯在每年的四月，面向员工和家人组织公益徒步活动，不仅强身健体、增进与家人之间的感情，并传递爱与社会责任。
                        </p>
                    </div>
                </div>
                <div class="row row-3">
                    <div class="item item-6">
                        <div class="mask-bg"></div>
                        <p class="title">形象店</p>
                        <p class="label">
                            腾讯形象店被腾讯员工亲切地称为“爱马哥”（Image的谐音），是腾讯员工休憩和交流的地方，也是我们对外开放，集中展示周边产品的场所。
                        </p>
                    </div>
                    <div class="item item-7">
                        <div class="mask-bg"></div>
                        <p class="title">文体协会</p>
                        <p class="label">
                            为关爱员工健康，丰富业余生活，腾讯成立了舞蹈、音乐、篮球、足球、羽毛球、桌游、戏剧社等数百种文体协会。
                        </p>
                    </div>
                </div>
                <div class="row row-4">
                    <div class="item item-4">
                        <div class="mask-bg"></div>
                        <p class="title">腾讯志愿者</p>
                        <p class="label">
                            腾讯志愿者是腾讯员工自主发起的志愿者组织。员工在业余时间以丰富多样的方式参与公益活动，践行社会责任和科技向善。
                        </p>
                    </div>
                    <div class="item item-8">
                        <div class="mask-bg"></div>
                        <p class="title">低碳未来</p>
                        <p class="label">
                            腾讯正鼓励全球员工走向低碳未来，共同努力使“轻碳生活”成为现实。我们与员工分享降低碳排放的十条生活小贴士，促进低碳转型。
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <!-- 加入我们 -->
        <div class="staff_Join">
            <div class="joinbox">
                <ol class="dian">

                </ol>
                <ul class="slideshow clearfix">
                    <li>
                        <a href="JavaScript:;">
                            <img src="./uploads/join-bg.jpg" alt="" />
                            <div class="mess">
                                <h2>加入我们</h2>
                                <p class="desc"></p>
                                <div class="go-link">
                                    <p>careers.tencent.com</p>
                                    <i class="go-icon"><img src="./images/go-icon (2).png" alt="img"
                    /></i>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="JavaScript:;">
                            <img src="./uploads/join-bg2.jpeg" alt="" />
                            <div class="mess">
                                <h2>加入我们</h2>
                                <p class="desc"></p>
                                <div class="go-link">
                                    <p>careers.tencent.com</p>
                                    <i class="go-icon"><img src="./images/go-icon (2).png" alt="img"
                    /></i>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="JavaScript:;">
                            <img src="./uploads/join-bg3.jpeg" alt="" />
                            <div class="mess">
                                <h2>加入我们</h2>
                                <p class="desc"></p>
                                <div class="go-link">
                                    <p>careers.tencent.com</p>
                                    <i class="go-icon"><img src="./images/go-icon (2).png" alt="img"
                    /></i>
                                </div>
                            </div>
                        </a>
                    </li>
                </ul>
                <a href="javascript:;" class="zuo"></a>
                <a href="javascript:;" class="you"></a>
            </div>
        </div>
    </div>
    <!-- 公共样式----尾部信息栏制作开始 -->
    <div class="common-foot">
        <div class="w common-text">
            <!-- 关注我们栏目制作 -->
            <div class="focus-us">
                <h1>关注我们</h1>
                <ul>
                    <li>
                        <a href="javascript:;" class="wechat-code-btn">
                            <b class="icon wechat"></b>
                            <img class="wechat-code" src="images/wechat-code.jpg" alt="">
                        </a>
                    </li>
                    <li><a href="javascript:;"><b class="icon weibo"></b></a></li>
                    <li><a href="javascript:;"><b class="icon twitter"></b></a></li>
                    <li><a href="javascript:;"><b class="icon mi"></b></a></li>
                </ul>
            </div>
            <!-- 加入我们制作 -->
            <div class="footer-center join-us">
                <div class="title">
                    <h3>加入我们</h3>
                </div>
                <ul>
                    <li><a href="javascript:;">社会招聘</a></li>
                    <li><a href="javascript:;">校园招聘</a></li>
                    <li><a href="javascript:;">国际招聘</a></li>
                </ul>
            </div>
            <!-- 联系我们制作 -->
            <div class="footer-center contact-us">
                <div class="title">
                    <h3>联系我们</h3>
                </div>
                <ul>
                    <li><a href="javascript:;">客户服务</a></li>
                    <li><a href="javascript:;">合作洽谈</a></li>
                    <li><a href="javascript:;">腾讯采购</a></li>
                    <li><a href="javascript:;">媒体及投资者</a></li>
                </ul>
            </div>
            <!-- 法律信息制作 -->
            <div class="footer-center law-meaasge">
                <div class="title">
                    <h3>法律信息</h3>
                </div>
                <ul>
                    <li><a href="javascript:;">服务协议</a></li>
                    <li><a href="javascript:;">隐私政策</a></li>
                    <li><a href="javascript:;">知识产权</a></li>
                </ul>
            </div>
            <!-- 尾部logo制作 -->
            <div class="footer-logo">
                <img src="images/tencent_logo.png" alt="Tencent腾讯">
            </div>
            <!-- 尾部企业信息制作 -->
            <div class="footer-company">
                <ul class="links">
                    <li>
                        <a href="javascript:;">法律声明</a>
                    </li>
                    <li>
                        <a href="javascript:;">阳光准则</a>
                    </li>
                    <li>
                        <a href="javascript:;">网站地图</a>
                    </li>
                    <li class="num">
                        <a href="javascript:;">粤网文【2017】6138-1456号</a>
                    </li>
                    <li class="num">
                        <a href="javascript:;">粤B2-20090059-1</a>
                    </li>

                </ul>
                <p class="copyright">Copyright © 1998 - 2021 Tencent. All Rights Reserved. 腾讯公司 版权所有</p>

            </div>
        </div>
    </div>
    <!-- 公共样式----尾部信息栏制作结束 -->
    <!-- 判断页面是否为上下滚动 -->
    <!-- 需求一: 当页面滚动在72到100之间的时候, common-first里面样式发生改变-->
    <!-- 需求: 当页面滚动>72且往下滚动的时候,common-first往上移动72px-->
    <!-- 需求: 当页面滚动>72且往上滚动的时候,common-first在往下移动72px,并修改样式-->
    <script>
        $(function() {
            function a() {
                $(".common-first").css("backgroundColor", "white");
                $(".common-menu").find("a").css("color", "black");
                $(".common-chosefont").find("a,i").css("color", "black");
                $(".common-nav-logo").find("h1").addClass("h1hover");
            }

            function moveWind() {
                var startScrollTop = document.body.scrollTop;
                window.addEventListener('scroll', function() {
                    var moveScrollTop = window.pageYOffset;
                    var moveLength = moveScrollTop - startScrollTop;
                    console.log(moveLength);
                    startScrollTop = moveScrollTop;
                    if (window.pageYOffset > 72) {
                        a();
                        console.log(12);
                        if (window.pageYOffset > 100) {
                            $(".common-first").css("marginTop", -72)
                            console.log(111);
                        }
                    }
                    if (moveLength === 0) {
                        console.log(false);
                    } else if (moveLength > 0) {
                        $(".common-first").css("marginTop", -72)
                    } else if (moveLength < 0) {
                        // console.log("up");
                        $(".common-first").css("marginTop", 0)
                        a();
                    };
                });
            }
            moveWind();
            /* if(window.pageYOffset === 0){
                        $(".common-first").css("backgroundColor","");
                        $(".common-menu").find("a").css("color","white");
                        $(".common-chosefont").find("a,i").css("color","white");
                        $(".common-nav-logo").find("h1").removeClass("h1hover");
            }; */
        })
    </script>
</body>

</html>